<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        #pp{
            width: 400px;
            height: 500px;
        }
        .dd{
            border: 1px solid #3c3c3c;
            padding: 5px;
            text-align: center;
            width: 60px;
            height: 40px;
            margin: 10px;
            background-color: #ffcc66;
            color: antiquewhite;
            line-height: 40px;

        }
        .d2{
            border: 1px solid #3c3c3c;
            padding: 4px;
            float: left;
            width: 100px;
            border-collapse: collapse;
            text-align: center;
        }
        .d3{
            border: 1px solid #3c3c3c;
            padding: 4px;
            width: 200px;
            text-align: center;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
这是分页的页面<br/><br/>
一共${recodeCount}条记录，分${pageSize}页显示<br/>
当前显示${currentPage}<br/><br/>

<div id="pp">
    <c:forEach items="${abc}" var="course">
        <div class = "d1">
            <div class = "d2">
                ${course.courseId}
            </div>
            <div class = "d3">
                ${course.name}
            </div>
        </div>
    </c:forEach>
</div>

<div>
<c:forEach var="i" begin="1" end="${pageSize}">

    <c:choose>
        <c:when test="${i==currentPage}">
            <div class="dd" style="color: brown;float: left;">${i}</div>
        </c:when>
        <c:otherwise>
            <div class="dd" style="color:red;float: left;">
                <a href="/testServlet?currentPage=${i}">${i}</a>
            </div>
        </c:otherwise>
    </c:choose>

</c:forEach>
</div>
</body>
</html>
